<link rel="stylesheet" type="text/css" href="__CSS__/sixiangxian.css" />

{include file="index/canvas_structure_public" /}



<!--四象限图类别左边浮窗-->
<div style="position:fixed;z-index:99;left: 1%;top: 30%;width: 185px;border: 3px ridge;background-color: rgba(111,177,223,0.34);height: 300px;">
    <div>类别：{$sixiangxian_type}</div>

        {if condition="$sixiangxian_type=='可行性——价值'"}
        <br>
        <img  src="__IMG__/sixiangxian/navigation1.png" style="width: 100%;">
        {/if}

        {if condition="$sixiangxian_type=='紧急度——重要性'"}
        <br>
        <img  src="__IMG__/sixiangxian/navigation2.png" style="width: 100%;">
        {/if}


</div>


<div style="position:relative;width: 100%;text-align: center;font-size: 30px;">
    <div style="width: 130px;position: relative;margin-left: 550px;">
    四象限法
    <div class="tooltip" style="width: 24px;height: 24px;position: absolute;top: 0%;left: 100%;">

        <img style="width: 24px;height: 24px;position: absolute;top: 0%;left: 0%;" src="__IMG__/explaination.png">

        <span class="tooltiptext" style="text-align:left;font-size: 14px;">
                {if condition="$sixiangxian_type=='可行性——价值'"}
                    用于从“可行性”与“价值”维度评估想法，帮助我们在众多想法中决策出当前可行性高&价值高的。
                {else/}
                    用于从“重要性”与“紧急程度”维度评估想法，帮助我们为众多想法排序，重要&紧急的要立即搞定；重要&不紧急的要制定计划、稳步推进。
                {/if}

            </span>
    </div>
    </div>
</div>



<div style="font-size: 18px;margin-left: 220px;">需要解决的问题：
    <text style="color: red;">*</text>

    <div  class="tooltip" style="float:none;width: 590px;">
    <input readonly id="newPurpose" value="{$purpose}" maxlength="100" placeholder="(目标未定义)" onmouseover="$(this).css('border-bottom','1px solid black')" onmouseout="$(this).css('border-bottom','2px solid transparent')" style="font-size:15px;background:inherit;border: none;border-bottom: 2px solid transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;"/>
    </div>
</div>

<!--条目内容-->

<div style="display:table;width:760px;min-height:200px;margin-left: 220px;margin-top: 10px;clear: both;">

    {volist name="types" id="t" offset="0" length="2"}

    <div class="typeBlock">
        <div class="title" id="title_{$t.id}" style="background-color: white;text-align: center;">
            <text>{$t.type_name}</text>

        </div>


        <div class="msg" style="width: 100%;">
            {volist name="records" id="r"}

            {if condition="$r.type_name == $t.type_name "}

            {include file="index/canvas_template_public" /}

            {/if}
            {/volist}

        </div>


        {if condition="$t.type_name == '可行性高(容易开发)&价值高' OR $t.type_name == '紧急&重要'"}
        {else/}
        <script>
            var typeId = '{$t.id}';
            $('#title_'+typeId).css('color','#999999');
        </script>
        {/if}
    </div>

    {/volist}
</div>


<div style="display:table;width:760px;min-height:200px;margin-left: 220px;">

    {volist name="types" id="t" offset="2" length="2"}

    <div class="typeBlock">
        <div class="title" id="title_{$t.id}" style="background-color: white;text-align: center;">
            <text>{$t.type_name}</text>

        </div>


        <div class="msg" style="width: 100%;">
            {volist name="records" id="r"}

            {if condition="$r.type_name == $t.type_name "}

            {include file="index/canvas_template_public" /}

            {/if}
            {/volist}

        </div>

        {if condition="$t.type_name == '可行性高(容易开发)&价值高' OR $t.type_name == '紧急&重要'"}
        {else/}
        <script>
            var typeId = '{$t.id}';
            $('#title_'+typeId).css('color','#999999');
        </script>
        {/if}
    </div>

    {/volist}
</div>

</div><!--closing tag for wholeCanvas div-->

<script>


    var allText = $(".record_area");
    for(var i=0; i < allText.length; i++){
        autoTextarea(allText[i]);// 调用
    }

</script>
